<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <title>黑客行为档案</title>
    <link href="../dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/Button.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/this/base.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/this/sortout-d3.css" rel="stylesheet" type="text/css">
    <link href="../dist/css/context.standalone.css" rel="stylesheet" type="text/css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  
  
	<div id="universal-preloader">
	    <div class="preloader">
	        <div class="loader-inner ball-scale-multiple ">
	          <div></div>
	          <div></div>
	          <div></div>
	        </div>
	    </div>
	</div>
	<!-- navbar -->
    <header class="navbar navbar-inverse navbar-fixed-top" role="banner">
	   <div class="container-fluid">
	        <div class="navbar-header ">
	            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
	                <span class="sr-only">XXXXX</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button>
	          </div>
	     <div class="collapse navbar-collapse" id="example-navbar-collapse">     
	        <ul class="nav navbar-nav">
				<li ><a href="../index.html">搜索</a></li>
				<li ><a href="../search.html">注册信息</a></li>
				<li ><a href="../map.html">历史轨迹</a></li>
	        	<li class="active"><a href="./sortout-d3-force.html">信息整合</a></li> 
				<li ><a href="javascript:void(0);">贡献计划</a></li>
				<li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown">帮助<span class="caret"></span></a>
		          <ul class="dropdown-menu" role="menu">
		            <li><a href="#">用户手册</a></li>
		            <li><a href="#">反馈</a></li>
		            <li><a href="#">API</a></li>
		            <li class="divider"></li>
		            <li><a href="#">关于</a></li>
		            <li><a href="#">更新日志</a></li>
		          </ul>
	        	</li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
					<li class="taskitem">
						<a href="javascript:void(0);" class="trigger" title="正在运行的任务"><i class="icon-time"></i></a>
						<span class="count">4</span>
						<div class="pop-dialog">
		                    <div class="body">
		                        <a href="#" class="close-icon"><i class="icon-remove-sign"></i></a>
		                        <div class="messages">
		                            <a href="#" class="item">
		                                <div class="name">任务1：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100" style="width: 89%;">
										  89%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                            <a href="#" class="item">
		                                <div class="name">任务2：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar" role="progressbar" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100" style="width: 44%;">
										  44%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                            <a href="#" class="item">
		                                <div class="name">任务3：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%;">
										  	10%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                            <a href="#" class="item">
		                                <div class="name">任务4：域名标题</div>
		                                <div class="progress progress-striped active">
										  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100" style="width: 99%;">
										  	99%
										  </div>
										</div>
		                                <span class="time"><i class="icon-time"></i> 预计剩余时间<span>2分钟</span></span>
		                            </a>
		                        </div>
		                    </div>
	                	</div>
					</li>
		          	<li><a href="javascript:void(0);">注册账号</a></li>
		          	<li><a href="javascript:void(0);">登录</a></li>
		      </ul>
		</div>
    </div>
   </header>
    <!-- 主容器 -->
	 <div class="main_content">
	   	<div id="main" oncontextmenu="return false;">
	   	</div>
	   	<div class="toolbox-menu toolbox-context" role='edit_node_name'>
			<p><span >name：</span>
				<input type="text" placeholder="name" name="Node_name">
			</p>
		</div>
   	</div>
   	<!-- 左上工具栏 -->
	<div class="main_toolbox">
		<ul>
			<li data-toggle="tooltip" data-placement="left" title="保存为图片"><i class="icon-picture" ></i></li>
			<li data-toggle="tooltip" data-placement="left" title="连线"><i class="icon-link" ></i></li>
			<li data-toggle="tooltip" data-placement="left" title="调整容器大小"><i class="icon-resize-full" ></i></li>
			<li data-toggle="tooltip" data-placement="left" title="设置"><i class="icon-cog" ></i></li>
		</ul>
		<div class="toolbox-menu toolbox-context" role='edit_wh'>
			<p><span > 高度：</span>
				<input type="text" class="" placeholder="height" name="main_h"><span>px</span>
			</p>
			<p style="margin-bottom:0">
				<span > 宽度：</span>
				<input type="text" class="" placeholder="width" name="main_w"><span>px</span>
			</p>
		</div>
		
	</div>
    <!-- 小搜索框 -->
    <div class="container-fluid track-search">
		<div class="row">
	      <div class="col-xs-12">
	        <div class="bar">
	         <form action="#" method="get" class="ultra-form">
	            <input type="text"  name="ss" class="min-search-input" id="inp_search"><button class="button button-small" type="button" id="search_btn">探索一下</button>
	            <input type="text" style="display: none;">
	            <div class="search-type">
		            <ul>
		            	<li>邮箱</li>
		            	<li>手机</li>
		            	<li>地址</li>
		            	<li class="active">域名</li>
		            	<li>IP</li>
		            	<li>QQ</li>
		            	<li>其他</li>
		            </ul>
	            </div>
	         </form> 
	        </div>
	      </div>
    	</div>
    </div>
    <!-- 右下开始按钮 -->
	<div class="right_main_menu">
		<button class="button button-glow button-circle button-small button-jumbo" title="展开工具箱" id="menu_show_btn"><i class=" icon-chevron-right"></i></button>
	</div>
	<!-- 图片容器 -->
   	<div id="sevaImg" >
   		
   	</div>
	<div class="last-div navbar-fixed-bottom">
		<div class="container">
			<div class="row">
				<nav class="foot-nav">
					<ul>
						<li><a href="#">用户手册</a></li>
						<li><a href="#">反馈</a></li>
						<li><a href="#">微博</a></li>
						<li><a href="#">English</a></li>
					</ul>
				</nav>
				<div class="copyright">
					Copyright © 2015 - Blue Shark. All Rights Reserved <br><span>由 " 蓝鲨情报数据平台 " 强力驱动</span>
				</div>
			</div>
		</div>
		<a href="#" class="scrollup"><i class="icon-chevron-up" ></i></a>	
	</div>
	<script src="../dist/js/jquery.min.js"></script>
	<script src="../dist/js/five.min.js"></script>
	<script src="../dist/js/d3.v3.min.js"></script>
	<script src="../dist/js/common.js"></script>
	<script src="sortout-d3-force.js?v=1"></script>
	<script type="text/javascript"></script>
</body>
</html>